import React from 'react'
import ChildCom1 from "./ChildCom1"
import ChildCom2 from "./ChildCom2"
import MouseMove from './MouseMove';
export default function Test1() {
    return (
        <div style={{
          display: 'flex',
          justifyContent: 'space-between',
          width: "850px"
        }}>
        <h2>使用renderProps提取公共代码</h2>
        <MouseMove render={props => <ChildCom1 {...props} />} />
        <MouseMove render={props => <ChildCom2 {...props} />} />
        </div>
      );
}
